/*
Template Name: Ivana - Under Construction Template
Author: ThemeManiac
*/

body {font-family: Arial}

.wrapper {width: 800px; margin: 0 auto}
.main-frame{position: absolute; top: 40%; width: 100%}
.main{background: url(../img/main-bg.png) repeat-x; width: 100%; position: absolute; }
.top-main{padding: 9px 0px 0px 23px; margin-left: 38px; width: 86px; height: 20px; background: #ff7f00; font-family: 'GnuolaneFree', Arial, Tahoma; color: #fff; font-size: 13px; margin-bottom: 1px}
.main-text{ color: #fff;  background: transparent; width: 150px;  padding-left: 59px; margin-top: 0px; position: absolute; margin-top: -65px; z-index: 3; line-height: 19px; font-family: 'GnuolaneFree', Arial; font-size: 15px; text-transform: uppercase}

.main-text span {color:#ff7f00; font-size: 18px;}

.navigation {float: left; margin-top: 10px}
#navigationpanel{position: relative; margin-left: 603px; z-index: 1}
#panel {position:absolute; left:-323px; width: 300px; height: 94px; background: url(../img/menu-bg.png) repeat; border-left: 1px dotted #4e4e4e}
.panel_button { position: absolute; left:0px; width:19px; height: 18px; cursor: pointer; padding: 7px}
#panel ul{margin-left: 22px; padding-top: 2px}
#panel ul li{float: left; padding-right: 20px; list-style: none; margin: 37px 0px 0px 13px; border-right: 1px solid #666666 }
#panel ul li.last{border-right: none}
#panel ul li a{font-family: 'GnuolaneFree', Arial, Tahoma; color: #fff; font-size: 13px; text-decoration: none}
#panel ul li a:hover{color: #ff7f00;}

.countdown{margin: auto; margin-top: 0px; margin-bottom: 10x; }
#Countdown{ color: #fff;  background: url(../img/countdown-bg.png) repeat; width: 335px; height: 94px; padding-left: 230px; position: absolute; z-index: 2;}
#Countdown2{ width: 440px; height: 94px; padding-left: 38px; }
.time{float: left;  margin-right: 20px; font-family: 'LeagueGothicRegular', Arial, SansationRegular; opacity: 1; }
.time span{font-size: 15px; font-family: 'LeagueGothicRegular', Arial, SansationRegular; text-transform: uppercase; line-height: 15px;}
.days{text-align: left; margin-top: 13px; padding-bottom: 0px; font-size: 61px; border-right: 1px dotted #666666; padding-right: 20px; line-height: 55px}
.hours{text-align: left; margin-top: 13px; padding-bottom: 0px; font-size: 61px; border-right: 1px dotted #666666; padding-right: 20px; line-height: 55px}
.minutes{text-align: left; margin-top: 13px; padding-bottom: 0px; font-size: 61px; border-right: 1px dotted #666666; padding-right: 20px; line-height: 55px}
.seconds{text-align: left; margin-top: 13px; padding-bottom: 0px; font-size: 61px; line-height: 55px}


.twitterf{float: left; font-size: 9px ; color: #fff; padding-top: 15px; padding-left: 0px}
.twitterf span{font-weight: bold; font-size: 10px; padding-left: 58px}
.twitterf li{list-style: none}
.twitterf a{color: #fff; text-decoration: none}
.twitterf a:hover{color: #fff; text-decoration: underline}


.social-icons{float: left; padding-top: 12px; padding-left: 20px}
.social-icons ul li{float: left; margin-right: 15px; list-style: none}
.social-icons ul li img{opacity: 0.7}

.tipsy { padding: 5px; font-size: 11px; background-repeat: no-repeat; background-image: url(../img/tipsy.gif); margin-top: -25px }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: #fff; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

  
#supersized-loader {background:url(../img/progress-black.gif) no-repeat center center;}
#controls-wrapper {border-right: #ff7f00 solid 10px; background:url(../img/footer-bg.png) repeat-x; }
#cboxContent{background: url(../img/page-bg.png) repeat;}
.colorbox-title {border-left: 0px solid #ff7f00; color: #fff; border-bottom: 1px dotted #595959; margin-bottom: 10px; font-size: 18px}
.colorbox-inline-title {border-left: 0px solid #ff7f00; color: #fff; border-bottom: 1px dotted #595959; margin-bottom: 10px; font-size: 18px}
#mcs_container .customScrollBox .content p{color:#fff; }
#mcs_container .customScrollBox .content p.alt{color:#fff}
#cboxLoadingOverlay{background:#000; }
#cboxLoadingGraphic{background:#000; }
#cboxOverlay{background:#000}
#cboxClose{ background:url(images/close.png) no-repeat;}

.panel_button {background: #ff7f00}
			
#progress-back{ background:url('../img/progress-back.png') repeat-x; }
#progress-bar{ background:url('../img/progress-bar.png') repeat-x; }
#slidecaption {color:#fff}
#slidecounter {color:#fff}

.panel2_button2 {background: #ff7f00}
.hide_button2{background: none}

/* HOVERS */

.hover-text {
    color: #5f5f5f;
    margin-left: 50px;
    margin-top: 35px;
	padding-right: 50px;
	font-size: 11px;
	font-style: italic; 
	text-transform: uppercasee;
	text-align: center;
	line-height: 28px;
}

.hover-view {
    color: #fff;
    margin-left: 94px;
    margin-top: -3px;
	display: block;
	width: 28px;
	height: 28px; 
	background: url(../images/zoom.html) no-repeat center;
	font-size: 11px;
	text-transform: uppercasee;
	text-align: center;
	line-height: 28px;
}
.hover-view a{color: #fff; text-decoration: none}
.hover-view a:hover{color: #fff; text-decoration: underline}

.portfolio-hover {
    background: transparent;
    height: 100%;
    overflow: hidden;
    width: 220px;
	height: 125px;
    z-index: 99;
	position: absolute;
	top:0px; left:0px; right:0px; bottom:0px; 
	display: none;
	left: 0px;
	top: 0px
}

.hover-port{float: left; margin-right: 15px}
.hover-port p{font-size: 11px; color: #fff; width: 160px; padding-top: 10px}
.portfolio-line{margin-top: 20px; margin-left: 40px; float: left}


